<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>百年汇企业孵化器</title>
<!--搜索加速-->
<meta name="keywords" content="百年汇企业孵化器;企业帮助;创业;企业文化;企业创业帮助;新闻" />
<meta name="description" content="百年企业孵化器" />
<!-- meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--浏览器头-->
<link rel="shortcut icon" href="../img/x-icon.ico" type="image/x-icon">
<script src="../js/index.js"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/nav.css">
<style type="text/css">
	a:link {
	 text-decoration: none;
	}
	a:visited {
	 text-decoration: none;
	}
	a:hover {
	 text-decoration: none;
	}
	a:active {
	 text-decoration: none;
	 test:expression(target="_blank");
	 }
 *:focus {outline: none;}

@media (max-width: 767px) {
	#MenuCollapse{
		position: absolute;
		width: 180px;
		z-index: 9999;
		background-color:#00355B;
		font-size: 15px;
		margin-top:-25px;
		text-align: center;
	}
	#MenuCollapse li{
		border: none;
		padding: 0px;
		height: 40px;
		line-height: 40px;
	}
	#MenuCollapse li a{
		
		background-color:#00355B ;
		color: white;
	}
	#div_button button:hover,#div_button button:focus{
		background-color: transparent;
	}
}

@media (min-width: 768px){
	/*二级导航的标题*/
	.spc{
	height:70px;
	width: 200px;
	line-height: 70px;
	vertical-align: middle;
	text-align: center;
	margin:0px;
	font-size:24px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#068ACB;
}
#row1{
	background-color: white;
}
#MenuCollapse{
	padding:0px;
	margin: 0px;
	width: 60%;
	float:right;
}
#MenuCollapse li{
	border: 1px solid #DDDDDD;
	padding: 0px;
	height:50px;
	line-height: 50px;
	width: 100%;
	font-size:16px;
	vertical-align: middle;
	text-align: center;
	margin-top:-1px;
	border-left: 0.5em groove #068ACB;
}
#MenuCollapse li a{
	color:black;
	display: block;
}
#MenuCollapse li a:hover
{ 
	color:cornflowerblue;
}
#MenuCollapse li:hover{
    border-left: 0.5em groove #DB6B10;
}
}

/*当屏幕在767-1200之间时，导航的字体等重新设置*/
@media (min-width:767px) and (max-width:1200px){
	#MenuCollapse a{
		font-size: 14px;
	}
	#MenuCollapse h2{
		font-size: 16px;
	}
	#MenuCollapse{
		width: 90%;
	}
}
#row1{
	padding: 0px;
	margin: 0px;
}

</style>
</head>
<body>
	 <div id="headerpage" style="width:100%;height:154px;">
	 
		<!--这个div是为了引入header.html头部-->
      
	</div> 
	
	<div class="row"  style="margin-top: 20px;padding-left:20px">
		<!--响应式二级侧边导航-->
		<div style="border: 0px;" class="navbar navbar-default col-md-3 col-sm-3" id="row1" role="navigation">
			<div class="container-fluid"> 
			  <div class="navbar-header" id="div_button" >
			       <button style="float: left;border: 0px;margin-top:-60px" class="navbar-toggle" type="button" data-toggle="collapse" data-target="#MenuCollapse">
			         	<span class="sr-only">Toggle Navigation</span>
						<span class="icon-bar" style="background-color: white;"></span>
						<span class="icon-bar" style="background-color: white;"></span>
						<span class="icon-bar" style="background-color: white;"></span>
			       </button>
			  </div>
			  <div class="collapse navbar-collapse" id="MenuCollapse">
			    	<h2 class="collapse navbar-collapse spc" style="font-size: 22px;width: 100%;">企业概况</h2>
					<ul class="nav navbar-nav list-group">
						<li class="list-group-item" onclick="changeFrameSrc(1)"><a id="companyOrgnization" href="javascript:void(0)">企业介绍</a></li>
						<li class="list-group-item" onclick="changeFrameSrc(2)"><a id="companyHonor" href="javascript:void(0)">企业环境</a></li>
						<li class="list-group-item" onclick="changeFrameSrc(3)"><a href="javascript:void(0)">孵化成果</a></li>
					</ul>
			  </div>     
			</div>
		</div>
	   <!--二级侧边导航结束-->
	   <!--主要内容-->
		<div class="col-md-9 col-sm-9" style="padding-left: 30px;padding-right: 10px;height:100%;" name="ct">
		<iframe width="100%" height="100px" id="contentWrap" frameborder="0" scrolling="no" name="sencondBasicPage"  src="/single/selectSingle?sinid=1" onload="changeFrameHeight()"></iframe>
		</div>
	</div>
		<iframe id="footerWrap"  width="100%" height="80px"  scrolling="no" frameborder="0"  src="/footer" noresize="noresize" /></iframe>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script> 
<script src="../js/index.js"></script>
<script>
	//调节iframe高度
	function changeFrameHeight(){
	    var ifm= document.getElementById("contentWrap"); 
	    ifm.height= document.body.scrollHeight+"px";

	}

	window.onload=function(){  
	     changeFrameHeight();  

	} 
	
	function changeFrameSrc(value){
		document.getElementById("contentWrap").src = "/single/selectSingle?sinid="+value;
	}
</script>
<script src="../layuiadmin/layui/layui.js"></script>
  <script>
  layui.config({
    base: '../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块，下面这5行固定，不要动
  }).use(['index', 'table'], function(){
	  var $ = layui.$
	    ,form = layui.form
	    ,admin = layui.admin,
			table = layui.table;
	  //加载头
	  $("#headerpage").load("/header");
	  //加载尾，暂缺
	  
	  
	    /* $.ajax({
	    	      url: '/message/getMessageNum',
	    	      type: 'POST',
	    	  	  dataType:'text',
	    	      success: function (data) {
		     		 var jsonData=eval("("+data+")");
		             
	    	         if(jsonData.status!=0){
	    	        	 document.getElementById("message").innerHTML='<i class="layui-icon layui-icon-notice"></i>'+'<span class="layui-badge-dot" style="margin-left:-5px;"></span>';
	    	         }
	    	       }
		}) 
		*/
	  });
  
  </script>
</html>